<template>
 <div>
  用户名:<input v-model="username" type="text"><br>
  姓名:<input v-model="fullname" type="">
 </div>
</template>
<script>
export default {
 data() {
 return {
  username:''
 }
 },
 computed: {
  //计算属性的简单写法(只能获取数据,不能修改数据)
  // fullname(){
  //   return '爱新觉罗张三'
  // }

  //计算属性完整写法
  //语法:
  //计算属性名:{
    // get(){},
    // set(){}
  //}
  fullname:{
    get(){
      //get函数就等同于简单写法的函数 
      //计算属性必须要有get,而且需要返回结果
      return this.username
    },
    set(val){
      console.log('我是set我被调用了');
      this.username=val
    }
  }
  // 1.如果要访问计算属性,会自动执行get
  // 2.如果要修改计算属性,会自动执行set
 }
}
</script>
<style lang="less" scoped>

</style>
